<template>
	<view>
		<video class="mp4"
			src="rtmp://play.mulanmakeup.ltd/live/test"  
			autoplay="true" 
			loop="false" 
			controls="false"
			object-fit="fill">
			<cover-view class="cover-title">欢迎进入xxx</cover-view>
			<cover-view class="cover-other" >直播间</cover-view>
		</video>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		onBackPress(e){
		  console.log("监听返回按钮事件",e);
		  uni.switchTab({
		    url:"/pages/index/index"
		  })
		  // 此处一定姚要return为true，否则页面不会返回到指定路径
		  return true;
		},
	}
</script>

<style lang="scss">
	.mp4{
		width: 100%;
		height: 100%;
		position: absolute;
		object-fit:fill;
	}
	.cover-title {
		position: absolute;
		top: 50px;
		width: 100%;
		text-align: center;
		font-size: 70rpx;
		font-weight: bold;
		color: #FFFFFF;
		opacity: 0.8;
	}
	.cover-login {
		background-color: #03BF13;
		position: absolute;
		bottom: 80px;
		width: 500rpx;
		margin-left: 125rpx;
		border-radius: 10rpx;
		height: 70rpx;
		text-align: center;
		color: #FFFFFF;
		opacity: 0.8;
		line-height: 70rpx;
	}
	.cover-other {
		position: absolute;
		bottom: 50px;
		width: 100%;
		height: 40rpx;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		opacity: 0.8;
	}
</style>
